<!DOCTYPE html>
<html lang="en">
<head>
  <base href="" />
  <meta charset="UTF-8">
  <title>更换零件记录</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-responsive.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type='text/javascript' src="../static/js/common.js"></script>
  <script type='text/javascript' src="../static/js/changePart.js"></script>
  <script type='text/javascript' src='../static/js/page.js'></script>
</head>
<body>
	<div class="top"></div>
    <div class="part">
    	<form class="form-horizontal" id="changePartSearch">
	  		<input id="rows" name="rows" hidden="hidden" value="8">
	  		<input id="page" name="page" hidden="hidden" value="1">
    	</form>
        <h4 class="partTitle" style="margin-top:20px;"><strong>更换零件记录列表</strong></h4>
	        <input id="rows" name = "rows" hidden = "hidden" value = "10">
	        <input id="page" name = "page" hidden = "hidden" value = "1">
        <div class="partTable">
          <table class="table table-hover" id="changePartTable">
              <thead>
                <tr>
                  <th>序号</th>
                  <th>名称</th>
                  <th>规格型号</th>
                  <th>数量</th>
                </tr>
              </thead>
              <tbody id="changePartTbody">
              </tbody>
          </table>
        </div>
        <div class="partBtn">
            <button type="button" class="btn btn-primary" aria-label="Left Align" onclick="save();">
                <span><img src="../static/images/plus01.png" aria-hidden="true"/></span> 添加
            </button>
            <div class="partTurnPage">
              <ul class="list-inline">
                  <li><a href="#" onclick="firstPage();return false;"><ins>首页</ins></a></li>
                  <li><a href="#" onclick="formPage();return false;"><ins>上一页</ins></a></li>
                  <li><a href="#" onclick="nextPage();return false;"><ins>下一页</ins></a></li>
                  <li><a href="#" onclick="lastPage();return false;"><ins>尾页</ins></a></li>
                  <li id="total">共0条 / 共0页</li>
                  <li>转到</li>
                  <li><input id="currentPage" value="1" type="text" class="form-control partCurrentPage"/></li>
                  <li><a href="#" onclick="ensure();return false;"><ins>Go</ins></a></li>
              </ul>
          </div>
       </div>
	</div>
	<!-- 添加弹出框 -->
	<div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="save" class="modal fade popup">
     <div class="popupForm">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
         </button>
         <h4 class="modal-title" id = "saveTitle"></h4>
       </div>
       <div class="modal-body">
		<form class="form-horizontal" id="saveForm">
			<div class="form-group">
				<label for="savePartName" class="col-sm-3 control-label">名称</label>
				<div class="col-sm-7">
					<input id="savePartName" name="savePartName" class="form-control" />
				</div>
			</div>
			<div class="form-group">
				<label for="saveSpecification" class="col-sm-3 control-label">规格型号</label>
				<div class="col-sm-7">
					<input id="saveSpecification" name="saveSpecification" class="form-control" />
				</div>
			</div>
			<div class="form-group">
				<label for="saveCount" class="col-sm-3 control-label">数量</label>
				<div class="col-sm-7">
					<input id="saveCount" name="saveCount" class="form-control" />
				</div>
			</div>
		  </form>
	    </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary" onclick="confirm()">确定</button>
          <button type="button" class="btn btn-danger" data-dismiss="modal">取消</button>
        </div>
      </div>
  	</div>
</body>
</html>